<template>
  <div>
    <!--头部-->
    <ld-header></ld-header>
    <!--主体区域-->
    <div class="ld-main">
      <nuxt></nuxt>
    </div>

    <!--底部-->
    <ld-footer>

    </ld-footer>
    <el-backtop :bottom="100">
      <div
        style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
      >
        回到顶部
      </div>
    </el-backtop>
  </div>


</template>

<script>
  import LdHeader from '@/components/layout/Header'
  import LdFooter from '@/components/layout/Footer'

  export default {
    components: {
      LdHeader,
      LdFooter
    }
  }
</script>

<style scoped>
  .ld-main {
    padding-top: 90px;
    max-width: 1140px;
    margin: 0 auto;
  }
</style>
